<template>
	<view class="kjdertt">
		<view class="mt80 z9 fz24 cen">
			2020年3月1日 19:42
		</view>
		<view class="pd">
			<view class="jhnbhnjhhsd">
				<image src="../../html/img/usericon.png" class="yj usekmrtt"></image>
				<view class="">
					<view class="kkjjnkhsd mt20 fz28 cf">
						你好，吃饭了吗？
					</view>
				</view>
			</view>


			<view class="jhnbhnjhhsd ab">
				<image src="../../html/img/usericon.png" class="yj usekmrtt"></image>
				<view class="">
					<view class="kkjjnkhsd mt20 fz28 cf">
						你好，吃饭了吗？
					</view>
				</view>
			</view>
			<view class="jhnbhnjhhsd ">
				<image src="../../html/img/usericon.png" class="yj usekmrtt"></image>
				<view class="">
					<view class="kkjjnkhsd mt20 fz28 cf">
						你好，吃饭了吗？
					</view>
				</view>
				<view class="">
					<view class="kkjjnkhsd mt20 fz28 cf">
						一起呀
					</view>
				</view>
			</view>
			<view class="jhnbhnjhhsd ab">
				<image src="../../html/img/usericon.png" class="yj usekmrtt"></image>
				<view class="mt10">
					<image src="../../static/img/chehbbss.png" mode="widthFix" class="lkkxeerty" @tap="llljsdf('../../static/img/chehbbss.png')"></image>
				</view>
			</view>


		</view>
	
		<view class="jhbbxdsdr pd ">
			<view class="kjnmrtlxee row">
				<uni-icons type="yuying" color="#fff" size="26"></uni-icons>
				<input type="text" value="" class="kjnmnkxdeet" placeholder="请输入..." />
				<uni-icons type="xiaolian" color="#fff" size="28" class="ml30"></uni-icons>
			<uni-icons type="addicon" color="#fff" size="28" class="ml20"></uni-icons>
						
			</view>
		</view>
	</view>
</template>
<script>
	export default {
		data() {
			return {}
		},
		components: {},
		methods: {
			llljsdf(urls) {
				uni.previewImage({
					urls: [urls],
					longPressActions: {
						itemList: ['发送给朋友', '保存图片', '收藏'],
						success: function(data) {
							console.log('选中了第' + (data.tapIndex + 1) + '个按钮,第' + (data.index + 1) + '张图片');
						}
					}
				});
			}
		},
		mounted() {}
	}
</script>
<style scoped>
	.usekmrtt {
		width: 80upx;
		height: 80upx;
	}

	.kkjjnkhsd {
		display: inline-block;
		padding: 20upx 30upx;
		background: rgba(22, 137, 213, 1);
		border-radius: 0px 16upx 16upx 16upx;
	}

	.jhnbhnjhhsd.ab {
		text-align: right;
	}

	.lkkxeerty {
		width: 360upx;
	}
	.kjdertt{
		padding-bottom: 200upx;
	}
	.jhbbxdsdr{
		height:130upx;
		background:rgba(53,60,81,1);
		opacity:1;
		position: fixed;
		left: 0;
		width: 100%;
		bottom: 0;
		z-index: 100;
		padding-top: 24upx;
	}
	.kjnmrtlxee{
		line-height: 80upx;
	}
	.kjnmnkxdeet{
		width:456upx;
		height:76upx;
		background:#4B5166;
		border-radius:12upx;
		font-size: 30upx;
		padding-left: 20upx;
		margin-left: 20upx;
	}
</style>
